<template>
  <div>
    <!-- 弹窗 -->
    <uni-popup ref="popup" type="center" border-radius="10px 10px 0 0">
      <view class="dialog">
        <view class="dialogTop">
          <view class="success"> 温馨提示 </view>

          <view class="close" @click="close">
            <image class="image" src="@/static/images/emterpriseVip/close.png" mode="aspectFit|aspectFill|widthFix"
              lazy-load="false" binderror="" bindload="" />
          </view>
        </view>

        <view class="content">
          <view class="icon">
            <image class=""
              src="http://wangxinbao.oss-cn-beijing.aliyuncs.com/2024/04/15/7aaa5b2fa58d4facaadd83225c658553.png"
              mode="aspectFit|aspectFill|widthFix" lazy-load="false" binderror="" bindload="" />
          </view>

          <view class="status"> 注册成功 </view>

          <view class="desc-i">
            <view style="margin-bottom: 8rpx"> 您尚未完善企业信息 </view>
            <view> 完善后即可体验全部功能 </view>
          </view>

          <view class="btn">
            <view class="later" selectable="false" space="false" decode="false" @click="close">
              稍后再说
            </view>
            <view @click="NowGo" class="finish" selectable="false" space="false" decode="false">
              立即完善
            </view>
          </view>
        </view>
      </view>
    </uni-popup>
  </div>
</template>

<script>
export default {
  data() {
    return {};
  },
  components: {},
  watch: {},
  created() { },
  mounted() { },
  destroyed() { },
  methods: {
    close() {
      this.$refs.popup.close();
    },

    open() {
      this.$refs.popup.open("center");
    },

    // 立即完善
    NowGo() {
      uni.navigateTo({
        url: "/subPage/enterprise/mine/details/enterpriseData",
      });
      this.$refs.popup.close();
    },
  },
};
</script>

<style lang="scss" scoped>
.dialog {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 670rpx;
  height: 758rpx;
  background-image: linear-gradient(180deg,
      #fff6eb 1%,
      #ffffff 6%,
      #ffffff 100%);
  border-radius: 32rpx;

  .dialogTop {
    display: flex;
    justify-content: space-between;
    padding: 32rpx;

    .success {
      width: 144rpx;
      height: 50rpx;
      font-weight: 500;
      font-size: 36rpx;
      color: #000000e0;
    }

    .close {
      width: 48rpx;
      height: 48rpx;

      image {
        width: 100%;
        height: 100%;
      }
    }
  }

  .content {
    display: flex;
    width: 100%;
    flex-direction: column;
    align-items: center;

    .icon {
      width: 164rpx;
      height: 164rpx;
      margin-bottom: 32rpx;

      image {
        width: 100%;
        height: 100%;
      }
    }

    .status {
      width: 144rpx;
      height: 50rpx;
      font-family: PingFangSC-Medium;
      font-weight: 500;
      font-size: 36rpx;
      color: #000000e0;

      text-align: center;
      margin-bottom: 10rpx;
    }

    .desc-i {
      width: 264rpx;
      height: 66rpx;

      font-weight: 500;
      font-size: 24rpx;
      color: #00000073;
      letter-spacing: 0;
      text-align: center;
      margin-top: 10rpx;
      margin-bottom: 120rpx;
    }

    .btn {
      display: flex;
      align-items: center;
      justify-content: space-between;

      width: 100%;

      .finish {
        width: 240rpx;
        height: 80rpx;
        background: #ff9e24;
        border-radius: 44rpx;
        line-height: 80rpx;

        font-weight: 500;
        font-size: 28rpx;
        color: #ffffff;
        text-align: center;
        margin-right: 80rpx;
      }

      .later {
        width: 240rpx;
        height: 80rpx;
        background: #d8d8d83d;
        border-radius: 44rpx;
        line-height: 80rpx;
        font-weight: 500;
        font-size: 28rpx;
        color: #000000e0;
        text-align: center;
        margin-left: 80rpx;
      }
    }
  }
}
</style>
